<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/index.css" />
	</head>
	<body class="teach">
		<div class="header"></div>
		<div class="banner"><img src="/images/teach-banner.jpg" ></div>
		<!-- 智慧校园 -->
		<div class="sectin box campus after">
			<div class="h1">
				<div class="english">
					Smart Campus
				</div>
				<div class="chinese">
					智<span>/</span>慧<span>/</span>校<span>/</span>园
				</div>
			</div>
			<div class="left hoverShow index">
				<img src="/images/teach-campus-show-1.jpg" >
				<div>
					通过移动终端等智能设备和互联网的应用，就可以实现全方位、立体式的交互，实现师生交互、生生交互。
				</div>
			</div>
			<div class="left hoverShow">
				<img src="/images/teach-campus-show-2.jpg" >
				<div>
					利用物联网、云计算等新兴科技的运算，校园的师生通过移动端的操作，可以方便快捷的查找、借还书籍。
				</div>
			</div>
			<div class="left hoverShow">
				<img src="/images/teach-campus-show-3.jpg" >
				<div>
					提供教学资源一站式储存、管理、分析以及应用、实现校本资源最大化。助力高校实现实时评估的个性化教学、有据可依的常态化评教、全面多维的可视化决策、以及量产化的在线课程建设，并通过教育信息化与教育教学的深度融合，实现创新的人才培养模式。
				</div>
			</div>
			<ul class="right hoverTabBox">
				<li class="index">
					<img src="/images/teach-campus-li-1.jpg" class="left">
					<div class="right">
						<div class="title">
							智慧课堂
						</div>
						<p class="gary">
							通过移动终端等智能设备和互联网的应用，就可以实现全方位、立体式的交互，实现师生...
						</p>
					</div>
				</li>
				<li>
					<img src="/images/teach-campus-li-2.jpg" class="left">
					<div class="right">
						<div class="title">
							智慧图书馆
						</div>
						<p class="gary">
							利用物联网、云计算等新兴科技的运算，校园的师生通过移动端的操作，可以方便快捷...
						</p>
					</div>
				</li>
				<li>
					<img src="/images/teach-campus-li-3.jpg" class="left">
					<div class="right">
						<div class="title">
							智慧教务
						</div>
						<p class="gary">
							提供教学资源一站式储存、管理、分析以及应用、实现校本资源最大化。助力高校实现...
						</p>
					</div>
				</li>
			</ul>
		</div>
		<!-- 解决方案 -->
		<div class="section solution after">
			<div class="h1 hide show1">
				<div class="english">
					solution
				</div>
				<div class="chinese">
					解<span>/</span>决<span>/</span>方<span>/</span>案
				</div>
			</div>
			<div class="box hide show2">
				<div class="left">
					<img src="/images/teach-solution.png" >
				</div>
				<div class="right">
					<div class="title">
						信息物理系统
					</div>
					<p class="gary">
						信息-物理融合系统CPS通过综合计算、网络和物理环境的多维复杂系统，通过3C技术（通信技术、计算机技术和控制技术）的有机融合和深度写作，能够实现实时的感知、动态的控制和信息服务。将其引入教学过程，能够有效将教师虚拟空间与物理空间进行融合，促进有效的教学互动。
					</p>
					<a href="http://king-break.imwork.net:8870/#/login" class="more" target="_blank">立即体验</a>
				</div>
			</div>
		</div>
		<!-- 经典案例 -->
		<!-- <div class="case box">
			<div class="h1 hide show3">
				<div class="english">
					classic case
				</div>
				<div class="chinese">
					典<span>/</span>型<span>/</span>案<span>/</span>例
				</div>
			</div>
			<div class="hide show4">
				<div class="right">
					<div class="title">
						大唐融合智能制造产业发展
					</div>
					<p class="gary">
						国内的CPS联盟大大小小数百家，联盟营销聚合了大量的个人网站、博客、导航类等网站，根据加盟网站的规模以及销售额，形成以领克特、亿起发、成果、唯一、美通这5家为主的网站主模式的CPS联盟，（目前国内CPS联盟的模式为网站主模式）网站主模式为广告商把广告放在联盟平台上，之后由站长选择自己喜欢的广告放在自己的网站上.
						<br><br>
						这样的模式不仅广告商没有广告投放选择权，也降低了站长的收益，广告商把广告放在联盟平台后，如果没有站长选择，那么也无法给广告商带来满意的销售额
					</p>
				</div>
				<div class="left">
					<img src="/images/teach-case.jpg" >
				</div>
			</div>
		</div> -->
		<div class="footerBox">
			<iframe src="/html/footer.html" class="hide show3"></iframe>
		</div>
	</body>
	<script src="/js/jquery.min.js"></script>
	<script href="/plug-in/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
	<script type="text/javascript">
		var nav = 6
	</script>
	<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(window).scroll(function(){
			isShow()
		});
		isShow()
		function isShow () {
			// 滚动条滚动
			var isTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;// (获取屏幕滚动高度)
			if (isTop > 330) {
				$('.show1').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 720) {
				$('.show2').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 850) {
				$('.show3').css({'top' : '0px', 'opacity' : '1'})
			}
			// if (isTop > 1200) {
			// 	$('.show4').css({'top' : '0px', 'opacity' : '1'})
			// }
			// if (isTop > 1530) {
			// 	$('.show5').css({'top' : '0px', 'opacity' : '1'})
			// }
		}
	</script>
</html>
